<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="theme-color" content="white">
  <title>响应式日用百化外贸网站模板_响应式日用百化外贸网站模板</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="/31514/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="static/css/style.css" rel="stylesheet" media="screen" type="text/css">
  <link href="static/css/index.css" rel="stylesheet" media="screen" type="text/css">
  <link href="static/css/swiper.css" rel="stylesheet" media="screen" type="text/css">
</head>

<body>
  <header>
    <div class="head-top">
      <div class="l-wrap">
        <div class="head-contact">
          <div class="item"> <em class="iconfont icon-whatsapp"></em> <a
              href="https://web.whatsapp.com/send?l=en&phone=13988889999">13988889999</a> </div>
          <div class="item"><em class="iconfont icon-email"></em><a href="mailto:admin@youweb.com">admin@youweb.com</a>
          </div>
        </div>
        <div class="head-lang">
          <!--<div class="lang">
          <div title="language" class="lang-icon"> <img src="/31514/template/pc/skin/images/en.png" width="24" height="16" loading="lazy" alt="en"/><span>Language</span> </div>
          <div class="lang-drop"> <span class="lang-arrow"></span>
            <ul class="lang-wrap">
              <li class="lang-active"><a href=""><img src="/31514/template/pc/skin/images/en.png" width="24" height="16" loading="lazy" alt="English"/> English</a></li>
            </ul>
          </div>
        </div>-->
          <div class="head-share">
            <ul>
              <li><a href="https://www.facebook.com/" class="social-item fb" rel="nofollow" target="_blank"
                  title="facebook"><i class="iconfont icon-facebook"></i></a></li>
              <li><a href="https://twitter.com/" class="social-item tw" rel="nofollow" target="_blank"
                  title="twitter"><i class="iconfont icon-twitter"></i></a></li>
              <li><a href="https://www.linkedin.com/" class="social-item lk" rel="nofollow" target="_blank"
                  title="linkedin"><i class="iconfont icon-linkedin"></i></a></li>
              <li><a href="https://www.instagram.com/" class="social-item ins" rel="nofollow" target="_blank"
                  title="instagram"><i class="iconfont icon-instagram"></i></a></li>
              <li><a href="https://www.youtube.com/" class="social-item you" rel="nofollow" target="_blank"
                  title="youtube"><i class="iconfont icon-youtube"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="head-info">
      <div class="l-wrap">
        <div class="head-logo"> <a href="" title="响应式日用百化外贸网站模板"> <img src="static/picture/1-200H01F951534.png"
              alt="响应式日用百化外贸网站模板"> <span></span> </a> </div>
        <div class="head-nav">
          <ul class="nav-ul">
            <li> <a href="" class="inmenu_1">Home</a></li>
            <li id="liproducts"><a href="about-us.html" class="">About Us</a>
              <ul class="submenu nav1">
                <li class="menu-item LiLevel1"> <a href="/31514/about-us/honor/">Honor</a> </li>
                <li class="menu-item LiLevel1"> <a href="/31514/about-us/company-vision/">Company Vision</a> </li>
              </ul>
            </li>
            <li id="liproducts"><a href="/31514/products/" class="">Products</a>
              <ul class="submenu nav1">
                <li class="menu-item LiLevel1"> <a href="ac-charging-pile.html">Ac charging pile</a>
                  <ul>
                    <li class="LiLevel2"><a href="flexible-charging-pile.html">Flexible charging pile</a></li>
                    <li class="LiLevel2"><a
                        href="/31514/products/ac-charging-pile/intelligent-charging-vehicle/">Intelligent charging
                        vehicle</a></li>
                  </ul>
                </li>
                <li class="menu-item LiLevel1"> <a href="dc-charging-pile.html">Dc charging pile</a>
                  <ul>
                    <li class="LiLevel2"><a href="stored-energy.html">Stored energy</a></li>
                    <li class="LiLevel2"><a href="fast-charging-pile.html">Fast charging pile</a></li>
                    <li class="LiLevel2"><a href="intelligent-ac-pile.html">Intelligent AC pile</a></li>
                  </ul>
                </li>
                <li class="menu-item LiLevel1"> <a href="portable-charging-pile.html">Portable charging pile</a>
                  <ul>
                    <li class="LiLevel2"><a href="intelligent-dc-pile.html">Intelligent DC pile</a></li>
                    <li class="LiLevel2"><a href="/31514/products/portable-charging-pile/split-charging-pile/">Split
                        charging pile</a></li>
                    <li class="LiLevel2"><a href="bluetooth-security.html">Bluetooth security</a></li>
                  </ul>
                </li>
                <li class="menu-item LiLevel1"> <a href="/31514/products/column-dc-charging-pile/">Column DC charging
                    pile</a> </li>
                <li class="menu-item LiLevel1"> <a href="floor-type-charging-pile.html">Floor type charging pile</a>
                </li>
                <li class="menu-item LiLevel1"> <a href="wall-charging-pile.html">Wall charging pile</a> </li>
                <li class="menu-item LiLevel1"> <a href="/31514/products/integrated-dc/">Integrated DC</a> </li>
              </ul>
            </li>
            <li id="liproducts"><a href="/31514/news/" class="">News</a>
              <ul class="submenu nav1">
                <li class="menu-item LiLevel1"> <a href="industry-news.html">Industry news</a> </li>
                <li class="menu-item LiLevel1"> <a href="company-news.html">Company news</a> </li>
              </ul>
            </li>
            <li id="liproducts"><a href="download.html" class="">download</a> </li>
            <li id="liproducts"><a href="/31514/case/" class="">Case</a> </li>
            <li id="liproducts"><a href="/31514/solution/" class="">Solution</a> </li>
            <li id="liproducts"><a href="video.html" class="">Video</a> </li>
            <li id="liproducts"><a href="/31514/contact-us/" class="">Contact us</a> </li>
          </ul>
          <div class="search-box">
            <div class="head-search">
              <button type="button" title="Search"><em class="iconfont icon-sousuo"></em></button>
            </div>
            <form method="get" action="/31514/index.php?m=home&c=Search&a=lists" onsubmit="return searchForm();">
              <div class="search-input">
                <input type="text" name="keywords" id="keywords" placeholder="Keyword">
                <button class="search-btn" type="submit"><em class="iconfont icon-sousuo"
                    aria-hidden="true"></em></button>
              </div>
              <input type="hidden" name="m" value="home"><input type="hidden" name="c" value="Search"><input
                type="hidden" name="a" value="lists"><input type="hidden" name="method" value="1">
            </form>
          </div>
        </div>
        <div class="m-menu"><span></span><span></span><span></span></div>
      </div>
    </div>
  </header>

  <main>
    <section class="home-banner">
      <div class="swiper" id="indexbanner">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> <a href="" class="swiper-banner-item pcimg"
              title="R&amp;d generation leads generation"><img src="static/picture/1-200H01G401b2.jpg" width="1920"
                height="700" alt="R&amp;d generation leads generation"></a> <a href=""
              title="R&amp;d generation leads generation" class="swiper-banner-item mobimg"><img
                src="static/picture/1-200H01G401b2.jpg" width="750" height="293"
                alt="R&amp;d generation leads generation"></a>
            <div class="indexbanner-text">
              <div class="title">R&amp;d generation leads generation</div>
              <div class="text">You use electricity, I heart, a power supply determined to become a global power supply
                excellent brand!</div>
              <div class="btn"><a href="" class="home-more">More</a></div>
            </div>
          </div>
          <div class="swiper-slide"> <a href="" class="swiper-banner-item pcimg"
              title="Professional power supply solution provider"><img src="static/picture/1-200H01G413560.jpg"
                width="1920" height="700" alt="Professional power supply solution provider"></a> <a href=""
              title="Professional power supply solution provider" class="swiper-banner-item mobimg"><img
                src="static/picture/1-200H01G413560.jpg" width="750" height="293"
                alt="Professional power supply solution provider"></a>
            <div class="indexbanner-text">
              <div class="title">Professional power supply solution provider</div>
              <div class="text">Set R & D, production, sales as one of the modern high-tech enterprises</div>
              <div class="btn"><a href="" class="home-more">More</a></div>
            </div>
          </div>
        </div>
        <div class="swiper-pagination banner-pagination"></div>
        <div class="swiper-button-next"><em class="iconfont icon-jiantou_liebiaoxiangyou_o"></em></div>
        <div class="swiper-button-prev"><em class="iconfont icon-jiantou_liebiaoxiangzuo_o"></em></div>
      </div>
    </section>
    <section class="home-introduction">
      <div class="l-wrap">
        <div class="introduction">
          <div class="item" data-aos="fade-down">
            <div class="left"><em class="iconfont icon-keji"></em></div>
            <div class="right"><span class="title">Complete Process</span>
              <p class="text">With ERP and PDM system, to realize the management information, systematic quality.</p>
            </div>
          </div>
          <div class="item" data-aos="fade-down">
            <div class="left"><em class="iconfont icon-Azhengshu"></em></div>
            <div class="right"><span class="title">Best Energy Solutions</span>
              <p class="text">Over two decades of rich experience in the windenergy sector. Over 17,900 MW capacity.</p>
            </div>
          </div>
          <div class="item" data-aos="fade-down">
            <div class="left one"><em class="iconfont icon-chanpinku"></em></div>
            <div class="right"><span class="title">End-to-end Services</span>
              <p class="text">Vast experience in power evacuation, land procurement liaisoning and working with state.
              </p>
            </div>
          </div>
          <div class="item" data-aos="fade-down">
            <div class="left two"><em class="iconfont icon-fuwu"></em></div>
            <div class="right"><span class="title">Global Expertise</span>
              <p class="text">A perfect blend of global experience andexpertise to further our focus on technology.</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="home-about home">
      <div class="l-wrap unify">
        <div class="about-img left" data-aos="fade-up">
          <div class="top"></div>
          <div class="img"><img src="static/picture/home-about.jpg" width="680" height="540" alt="About Us"></div>
          <div class="bottom">
            <div><span class="num">XX</span><span>Years of</span><span>Experience</span></div>
          </div>
        </div>
        <div class="about-info right" data-aos="fade-down">
          <h4 class="title">About Us</h4>
          <p class="text">New energy enterprises refer to enterprises that focus on the development and utilization of
            new energy with the main goal of promoting energy transformation and coping with climate change. These
            enterprises are usually involved in the fields of renewable energy, clean energy and energy-saving
            technologies, and are committed to reducing dependence on traditional fossil energy, reducing carbon
            emissions and promoting sustainable development.The business scope of new energy enterprises is wide,
            including the development and utilization of renewable energy such as solar energy, wind energy, water
            energy, biomass energy, geothermal energy, as well as technical research and application promotion in energy
            storage, smart grid, energy conservation and emission reduction. Through continuous innovation and
            breakthroughs, these enterprises have made positive contributions to the optimization and sustainable
            development of the global energy structure.In the new energy enterprises, some focus on a...</p>
          <ul>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span
                  class="text">Medical device industry</span></div>
            </li>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span
                  class="text">Automobile manufacturing industry</span></div>
            </li>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span class="text">Mold
                  industry</span></div>
            </li>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span
                  class="text">Aeronautics and astronautics</span></div>
            </li>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span class="text">Tool
                  industry</span></div>
            </li>
            <li>
              <div class="item"><span class="circle"><em class="iconfont icon-dui"></em></span><span class="text">3C
                  industry</span></div>
            </li>
          </ul>
          <a href="about-us.html" class="btn home-more" rel="nofollow" title="About Us">read more</a>
        </div>
      </div>
    </section>
    <section class="home-product home">
      <div class="l-wrap unify" data-aos="fade-up">
        <div class="home-des theme">hot sell</div>
        <div class="home-title title">Hot Products</div>
        <div class="product">
          <div class="swiper" id="swiperProduct">
            <div class="swiper-wrapper pro-list" data-aos="fade-up" data-aos-offset="100">
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="dc_smart_charging_pile_62.html" class="img lazy-wrap" title="Dc smart charging pile"> <img
                    data-src="/31514/uploads/allimg/20240322/1-240322094KX06.jpg"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Dc smart charging pile"> <em class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="dc_smart_charging_pile_62.html" class="name">Dc smart charging pile</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="dc_smart_charging_pile_62.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="fast_type_pvc_environmental_protection_equipment_12.html" class="img lazy-wrap"
                  title="Fast type PVC environmental pr"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H111342K19.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast type PVC environmental pr"> <em
                    class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="fast_type_pvc_environmental_protection_equipment_12.html" class="name">Fast
                    type PVC environmental pr</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="fast_type_pvc_environmental_protection_equipment_12.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pp_environmental_protection_machine_11.html"
                  class="img lazy-wrap" title="Fast PP environmental protecti"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H111332YB.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PP environmental protecti"> <em
                    class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a
                    href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pp_environmental_protection_machine_11.html"
                    class="name">Fast PP environmental protecti</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pp_environmental_protection_machine_11.html"
                    class="btn">view more<em class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="fast_pe_environmental_protection_equipment_10.html" class="img lazy-wrap"
                  title="Fast PE environmental protecti"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H1112T4T6.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PE environmental protecti"> <em
                    class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="fast_pe_environmental_protection_equipment_10.html" class="name">Fast PE
                    environmental protecti</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="fast_pe_environmental_protection_equipment_10.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="fast_pa_energy_equipment_9.html" class="img lazy-wrap" title="Fast PA energy equipment"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H1112Q3E6.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PA energy equipment"> <em class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="fast_pa_energy_equipment_9.html" class="name">Fast PA energy equipment</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="fast_pa_energy_equipment_9.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="fast_pvc_energy_and_environmental_protection_8.html" class="img lazy-wrap"
                  title="Fast PVC energy and environmen"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H1112IWA.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PVC energy and environmen"> <em
                    class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="fast_pvc_energy_and_environmental_protection_8.html" class="name">Fast PVC
                    energy and environmen</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="fast_pvc_energy_and_environmental_protection_8.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pe_environmental_cleaning_equipment_7.html"
                  class="img lazy-wrap" title="Fast PE environmental cleaning"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H1112G0101.png"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PE environmental cleaning"> <em
                    class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a
                    href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pe_environmental_cleaning_equipment_7.html"
                    class="name">Fast PE environmental cleaning</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="/31514/products/ac-charging-pile/flexible-charging-pile/fast_pe_environmental_cleaning_equipment_7.html"
                    class="btn">view more<em class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
              <div class="swiper-slide  item" data-aos="fade-up" data-aos-offset="200"> <a
                  href="fast_pp_energy_tester_6.html" class="img lazy-wrap" title="Fast PP energy tester"> <img
                    data-src="/31514/uploads/allimg/20200721/1-200H1112619146.jpg"
                    data-sizes="369x0 768w,248x0 1024w,312x0 1280w,334x0 1366w,352x0 1440w,392x0 1600w" width="400"
                    height="400" class="lazy" alt="Fast PP energy tester"> <em class="iconfont icon-videoplay"></em>
                  <div class="lazy-load"></div>
                </a>
                <div class="text"> <a href="fast_pp_energy_tester_6.html" class="name">Fast PP energy tester</a>
                  <p class="merchandise">New energy charging piles, that is, equipment and devices that provide charging
                    services for plug-in new energy vehicles, are usually installed in public places...</p>
                  <a href="fast_pp_energy_tester_6.html" class="btn">view more<em
                      class="iconfont icon-youjiantou"></em></a>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
    </section>
    <section class="home-contact" style="background-image:url('static/image/home-relationb.jpg');">
      <div class="l-wrap home-contact-content">
        <div class="contact-left" data-aos="fade-up">
          <div class="contact-left-img lazy-wrap"><img data-src="/31514/template/pc/skin/images/home-relation.jpg"
              class="lazy" width="680" height="560" alt="relation">
            <div class="lazy-load"></div>
          </div>
          <div class="contact-left-bottom numCount">
            <div>
              <p class="contact-left-num"><span class="numCX" data-startval="1" data-endval="10" data-speed="2"
                  id="numC1">10</span>y</p>
              <p class="contact-left-txt">Production experience</p>
            </div>
            <div>
              <p class="contact-left-num"><span class="numCX" data-startval="1" data-endval="24" data-speed="2"
                  id="numC2">24</span>h</p>
              <p class="contact-left-txt">After-sales service</p>
            </div>
            <div>
              <p class="contact-left-num"><span class="numCX" data-startval="1000" data-endval="1880" data-speed="2"
                  id="numC3">1880</span>+</p>
              <p class="contact-left-txt">Sign a contract</p>
            </div>
          </div>
        </div>
        <div class="contact-right" data-aos="fade-down">
          <div class="play">
            <div class="img-box"><em class="iconfont icon-dianhua2"></em></div>
          </div>
          <p class="contact-phone-number">400-123-4567</p>
          <p class="contact-right-txt">We have advanced technology and industry expertise to create innovative solutions
            that connect individuals and businesses.</p>
          <a href="/31514/contact-us/" class="contact-right-btn">Contact us</a>
          <div class="contact-right-bottom">
            <p>Why choose our company?</p>
            <p>We provide factory VR demonstration services, you can contact our staff to learn more about our
              production qualifications and high-end equipment conditions.</p>
          </div>
        </div>
      </div>
    </section>
    <section class="home-process home">
      <div class="l-wrap unify">
        <p class="theme" data-aos="fade-up">One more of us, you have one more choice</p>
        <h4 class="title" data-aos="fade-up" data-aos-offset="200">Customized process</h4>
        <ul>
          <li class="process-item" data-aos="fade-up" data-aos-offset="200">
            <div class="process-item-top">
              <div><span class="process-item-num">1</span></div>
              <em class="iconfont icon-xiangmu"></em>
            </div>
            <div class="process-item-center"><img src="static/picture/home-process2.jpg" width="16" height="60"
                alt="Manufacturing experience"></div>
            <div class="process-item-bottom">
              <p class="process-item-title">Manufacturing experience</p>
              <p class="process-item-txt">A team of professional senior engineers provides one-stop service solutions
                for sentry booth development.</p>
            </div>
          </li>
          <li class="process-item" data-aos="fade-up" data-aos-offset="300">
            <div class="process-item-top">
              <div><span class="process-item-num">2</span></div>
              <em class="iconfont icon-peifangfangan"></em>
            </div>
            <div class="process-item-center"><img src="static/picture/home-process2.jpg" width="16" height="60"
                alt="Strict quality inspection"></div>
            <div class="process-item-bottom">
              <p class="process-item-title">Strict quality inspection</p>
              <p class="process-item-txt">Accurate sample preparation before production, to ensure the accuracy of
                dimensional data Good workmanship, good quality.</p>
            </div>
          </li>
          <li class="process-item" data-aos="fade-up" data-aos-offset="400">
            <div class="process-item-top">
              <div><span class="process-item-num">3</span></div>
              <em class="iconfont icon-shebeisheshiwuziguanli"></em>
            </div>
            <div class="process-item-center"><img src="static/picture/home-process2.jpg" width="16" height="60"
                alt="Products widely used"></div>
            <div class="process-item-bottom">
              <p class="process-item-title">Products widely used</p>
              <p class="process-item-txt">To provide our customers with better and more practical products.</p>
            </div>
          </li>
          <li class="process-item" data-aos="fade-up" data-aos-offset="500">
            <div class="process-item-top">
              <div><span class="process-item-num">4</span></div>
              <em class="iconfont icon-dingdan"></em>
            </div>
            <div class="process-item-center"><img src="static/picture/home-process2.jpg" width="16" height="60"
                alt="Order comform"></div>
            <div class="process-item-bottom">
              <p class="process-item-title">After-sales service system</p>
              <p class="process-item-txt">24-hour online customer service at any time to respond, so that you worry!</p>
            </div>
          </li>
        </ul>
      </div>
    </section>
    <section class="home-case home" style="background-image:url('static/image/home-caseb.png');">
      <div class="l-wrap unify">
        <p class="theme" data-aos="fade-down">Our company's successful projects</p>
        <h4 class="title" data-aos="fade-down" data-aos-offset="200">Case</h4>
        <div class="swiper case" id="swiper-case">
          <div class="swiper-wrapper case-content" data-aos="fade-down" data-aos-offset="300">
            <div class="swiper-slide item">
              <div class="img lazy-wrap"> <img data-src="/31514/uploads/allimg/20240117/1-24011G61A3296.jpg"
                  class="lazy" width="430" height="400" alt="Success Story 6">
                <div class="lazy-load"></div>
              </div>
              <div class="text">
                <div class="content">
                  <p class="show-title">Success Story 6</p>
                  <p class="show-des">Under the agreement, Vision Energy will supply approximately 200 million KWH of
                    green electricity annually to the five global healthcare giants in Jiangsu, Guan...</p>
                </div>
              </div>
            </div>
            <div class="swiper-slide item">
              <div class="img lazy-wrap"> <img data-src="/31514/uploads/allimg/20200721/1-200H1143140427.jpg"
                  class="lazy" width="430" height="400" alt="Success Story 1">
                <div class="lazy-load"></div>
              </div>
              <div class="text">
                <div class="content">
                  <p class="show-title">Success Story 1</p>
                  <p class="show-des">Multi-year green power purchase agreements can ensure that enterprises obtain
                    long-term stable power supply, avoid the impact of fluctuations and instability of...</p>
                </div>
              </div>
            </div>
            <div class="swiper-slide item">
              <div class="img lazy-wrap"> <img data-src="/31514/uploads/allimg/20240320/1-240320110TS60.jpg"
                  class="lazy" width="430" height="400" alt="Success Story 2">
                <div class="lazy-load"></div>
              </div>
              <div class="text">
                <div class="content">
                  <p class="show-title">Success Story 2</p>
                  <p class="show-des">The healthcare sector accounts for about 5% of global carbon emissions, with more
                    than half coming from the manufacturing supply chain, which consumes about 25%...</p>
                </div>
              </div>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </section>
    <section class="home-news home">
      <div class="l-wrap unify" data-aos="fade-up">
        <div class="home-des theme"></div>
        <div class="home-title title">News</div>
        <div class="news-bottom" data-aos="zoom-in" data-aos-offset="300">
          <div class="swiper" id="swiper-news">
            <div class="swiper-wrapper">
              <div class="swiper-slide news-item-slide"> <a
                  href="let_new_energy_vehicles_realize_quot_charging_freedom_quot_63.html"
                  title="Let new energy vehicles r">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240322/1-240322095PN56.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="Let new energy vehicles r">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2024-03-22</p>
                  <a href="let_new_energy_vehicles_realize_quot_charging_freedom_quot_63.html"
                    class="news-item-title">Let new energy vehicles r</a>
                  <p>Promote the construction of charging facilities in residential areas, optimize the layout of public
                    charging stations, and accelerate the construction of chargi...</p>
                  <a href="let_new_energy_vehicles_realize_quot_charging_freedom_quot_63.html" class="news-item-read"
                    aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="accelerate_the_transformation_and_upgrading_of_power_grids_and_promote_the_construction_of_new_power_systems_20.html"
                  title="Accelerate the transforma">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-24032014123KM.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="Accelerate the transforma">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="accelerate_the_transformation_and_upgrading_of_power_grids_and_promote_the_construction_of_new_power_systems_20.html"
                    class="news-item-title">Accelerate the transforma</a>
                  <p>On January 16, the State Grid Corporation organized the feasibility review of the Gansu-Zhejiang
                    UHVDC project, marking important progress in the preliminary wo...</p>
                  <a href="accelerate_the_transformation_and_upgrading_of_power_grids_and_promote_the_construction_of_new_power_systems_20.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="the_digital_transformation_of_energy_and_electricity_is_timely_19.html"
                  title="The digital transformatio">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-24032014140E59.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="The digital transformatio">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="the_digital_transformation_of_energy_and_electricity_is_timely_19.html"
                    class="news-item-title">The digital transformatio</a>
                  <p>In recent years, the digital economy is becoming a key force in restructuring global factor
                    resources, reshaping the global economic structure, and changing the...</p>
                  <a href="the_digital_transformation_of_energy_and_electricity_is_timely_19.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="seek_the_optimal_solution_of_energy_transformation_18.html" title="Seek the optimal solution">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-240320141533952.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="Seek the optimal solution">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="seek_the_optimal_solution_of_energy_transformation_18.html" class="news-item-title">Seek the
                    optimal solution</a>
                  <p>The report of the 20th National Congress of the Communist Party of China elaborated on how to
                    promote green and low-carbon development and harmonious coexistenc...</p>
                  <a href="seek_the_optimal_solution_of_energy_transformation_18.html" class="news-item-read"
                    aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="solve_the_construction_norms_and_evaluation_problems_of_zero_carbon_industrial_parks_17.html"
                  title="Solve the construction no">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-240320141621P0.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="Solve the construction no">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="solve_the_construction_norms_and_evaluation_problems_of_zero_carbon_industrial_parks_17.html"
                    class="news-item-title">Solve the construction no</a>
                  <p>Under the &quot;double carbon&quot; strategic goal, concepts such as zero-carbon parks and
                    near-zero-carbon industrial parks have been proposed, and local gover...</p>
                  <a href="solve_the_construction_norms_and_evaluation_problems_of_zero_carbon_industrial_parks_17.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="we_will_strengthen_policy_guidance_for_the_green_transformation_of_energy_consumption_16.html"
                  title="We will strengthen policy">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-240320143540447.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="We will strengthen policy">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="we_will_strengthen_policy_guidance_for_the_green_transformation_of_energy_consumption_16.html"
                    class="news-item-title">We will strengthen policy</a>
                  <p>With the gradual increase in the proportion of non-fossil energy, the consumption side needs to be
                    more flexible, and the connection between energy supply and d...</p>
                  <a href="we_will_strengthen_policy_guidance_for_the_green_transformation_of_energy_consumption_16.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="coal_power_quot_three_reform_linkage_quot_need_more_linkage_15.html"
                  title="Coal power &quot;three re">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-240320143549391.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="Coal power &quot;three re">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="coal_power_quot_three_reform_linkage_quot_need_more_linkage_15.html"
                    class="news-item-title">Coal power &quot;three re</a>
                  <p>The &quot;three reform linkage&quot; of coal power is an important measure for China&#39;s coal
                    power industry to practice the &quot;dual carbon&quot; strategy,...</p>
                  <a href="coal_power_quot_three_reform_linkage_quot_need_more_linkage_15.html" class="news-item-read"
                    aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="we_will_promote_high_quality_development_of_comprehensive_energy_services_14.html"
                  title="We will promote high-qual">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-24032014355U38.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="We will promote high-qual">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="we_will_promote_high_quality_development_of_comprehensive_energy_services_14.html"
                    class="news-item-title">We will promote high-qual</a>
                  <p>The 14th Five-Year Plan period is the first five years of a new journey to comprehensively build a
                    modern socialist country, and it is also a crucial five years...</p>
                  <a href="we_will_promote_high_quality_development_of_comprehensive_energy_services_14.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
              <div class="swiper-slide news-item-slide"> <a
                  href="quot_electric_carbon_quot_technology_improves_the_accuracy_of_carbon_emission_monitoring_13.html"
                  title="&quot;Electric carbon&quo">
                  <div class="news-item-img lazy-wrap"> <img
                      data-src="/31514/uploads/allimg/20240320/1-24032014360Y03.jpg"
                      data-sizes="354x0 768w,477x0 1024w,267x0 1280w,288x0 1366w,305x0 1440w,343x0 1440w" width="370"
                      height="270" class="lazy" alt="&quot;Electric carbon&quo">
                    <div class="lazy-load"></div>
                  </div>
                </a>
                <div class="news-item-bottom">
                  <p>2020-07-21</p>
                  <a href="quot_electric_carbon_quot_technology_improves_the_accuracy_of_carbon_emission_monitoring_13.html"
                    class="news-item-title">&quot;Electric carbon&quo</a>
                  <p>The report of the 20th National Congress of the Party proposed to &quot;improve the statistical
                    accounting system of carbon emissions and improve the market tra...</p>
                  <a href="quot_electric_carbon_quot_technology_improves_the_accuracy_of_carbon_emission_monitoring_13.html"
                    class="news-item-read" aria-label="read more">read more ></a>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
          <div class="swiper-button-prev"><em class="iconfont icon-zuojiantou"></em></div>
          <div class="swiper-button-next"><em class="iconfont icon-youjiantou"></em></div>
        </div>
      </div>
    </section>
  </main>
  <footer>
    <div class="footer-top">
      <div class="l-wrap">
        <p class="title">Contact us Quote</p>
        <a href="/31514/contact-us/" class="btn" title="Contact us">Contact us</a>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="l-wrap">
        <div class="foot-main main">
          <div class="foot-item foot-info left">
            <div> <a href="" title="响应式日用百化外贸网站模板" class="logo"> <img src="static/picture/1-200H01F951534.png"
                  width="120" height="60" alt="响应式日用百化外贸网站模板"> </a> </div>
            <p class="text">The company has many years of manufacturing experience and installation and construction
              experience to give you a new product experience!</p>
            <div class="foot-share follow">
              <ul>
                <li><a href="https://www.facebook.com/" class="social-item fb" rel="nofollow" target="_blank"
                    title="facebook"><i class="iconfont icon-facebook"></i></a></li>
                <li><a href="https://twitter.com/" class="social-item tw" rel="nofollow" target="_blank"
                    title="twitter"><i class="iconfont icon-twitter"></i></a></li>
                <li><a href="https://www.linkedin.com/" class="social-item lk" rel="nofollow" target="_blank"
                    title="linkedin"><i class="iconfont icon-linkedin"></i></a></li>
                <li><a href="https://www.instagram.com/" class="social-item ins" rel="nofollow" target="_blank"
                    title="instagram"><i class="iconfont icon-instagram"></i></a></li>
                <li><a href="https://www.youtube.com/" class="social-item you" rel="nofollow" target="_blank"
                    title="youtube"><i class="iconfont icon-youtube"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="foot-item foot-quick mid">
            <div class="quick">
              <p class="foot-title title">Quick Navigation</p>
              <ul class="foot-list">
                <li><a href="about-us.html" class="inmenu">About Us</a></li>
                <li><a href="/31514/products/" class="inmenu">Products</a></li>
                <li><a href="/31514/news/" class="inmenu">News</a></li>
                <li><a href="download.html" class="inmenu">download</a></li>
                <li><a href="/31514/case/" class="inmenu">Case</a></li>
                <li><a href="/31514/solution/" class="inmenu">Solution</a></li>
                <li><a href="video.html" class="inmenu">Video</a></li>
                <li><a href="/31514/contact-us/" class="inmenu">Contact us</a></li>
              </ul>
            </div>
            <div class="foot-item foot-pro mob-show">
              <p class="foot-title title">Products</p>
              <ul class="foot-list">
                <li class="LiProCateOne"><a href="ac-charging-pile.html">Ac charging pile</a></li>
                <li class="LiProCateOne"><a href="dc-charging-pile.html">Dc charging pile</a></li>
                <li class="LiProCateOne"><a href="portable-charging-pile.html">Portable charging pile</a></li>
                <li class="LiProCateOne"><a href="/31514/products/column-dc-charging-pile/">Column DC charging pile</a>
                </li>
                <li class="LiProCateOne"><a href="floor-type-charging-pile.html">Floor type charging pile</a></li>
                <li class="LiProCateOne"><a href="wall-charging-pile.html">Wall charging pile</a></li>
                <li class="LiProCateOne"><a href="/31514/products/integrated-dc/">Integrated DC</a></li>
              </ul>
            </div>
            <div class="foot-item foot-contact">
              <p class="foot-title title">Contact Us</p>
              <ul>
                <li><span class="theme">Address: </span><span>Panyu District, Guangzhou City, Guangdong Province</span>
                </li>
                <li><span class="theme">Phone: </span><a href="tel:400-123-4567">400-123-4567</a></li>
                <li><span class="theme">Email: </span><a href="mailto:admin@youweb.com">admin@youweb.com</a></li>
              </ul>
            </div>
          </div>
          <div class="right">
            <p class="title">QR code</p>
            <div class="foot-qrimg"><img src="static/picture/1-200H1094023F1.jpg" width="180" height="180"
                loading="lazy" class="ErWeiImg" alt="网站二维码"></div>
          </div>
        </div>
        <div class="copyright bottom">
          <p>Copyright © 2012-202X. All rights reserved</p>
        </div>
      </div>
    </div>
    <div class="gotop"><em class="iconfont icon-xiangshang1"></em></div>
    <div class="rfixed">
      <div class="rfixed-sc"><span class="rfixed-scnum"></span><em class="iconfont icon-cart"></em></div>
    </div>
    <div class="bottom-btn">
      <div class="btn-item"><a href="https://api.whatsapp.com/send?l=en&phone=13988889999" rel="nofollow"
          target="_blank"><em class="iconfont icon-whatsapp1"></em>
          <p>WhatsApp</p>
        </a></div>
      <div class="btn-item"><a href="skype:youweb" rel="nofollow" target="_blank"><em class="iconfont icon-skype"></em>
          <p>skype</p>
        </a></div>
      <div class="btn-item"><a href="mailto:admin@youweb.com" rel="nofollow"><em class="iconfont icon-e-mail"></em>
          <p>Email</p>
        </a></div>
      <div class="company_subscribe btn-item inquiry"><a href="javascript:;" class="button"><em
            class="iconfont icon-message"></em>
          <p>Inquiry</p>
        </a></div>
    </div>
  </footer>
  <div id="ey_kefu">
    <ul class="ey-list">
      <li class="ey-whatsapp"><a href="https://web.whatsapp.com/send?l=en&phone=13988889999" target="_blank"><i
            class="ey-icon"></i>
          <p>WhatsApp</p>
        </a></li>
      <li class="ey-skype"><a href="skype:youweb" target="_blank"><i class="ey-icon"></i>
          <p>skype</p>
        </a></li>
      <li class="ey-email"><a href="mailto:admin@youweb.com" target="_blank"><i class="ey-icon"></i>
          <p>E-Mail</p>
        </a></li>
      <li class="ey-wechat"><a href='javascript:;'><i class="ey-icon"></i>
          <p>WeChat</p>
        </a>
        <div class="ey-wechat-img"><img src="static/picture/1-200H1094023F1.jpg" width="100" height="100">
          <p><em></em>WeChat: Weixin888</p>
        </div>
      </li>
    </ul>
  </div>
  <script language="javascript" type="text/javascript" src="static/js/jquery-3.7.0.min.js"></script>
  <script language="javascript" type="text/javascript" src="static/js/swiper.js"></script>
  <script language="javascript" type="text/javascript" src="static/js/lazyload.js"></script>
  <script language="javascript" type="text/javascript" src="static/js/index.js"></script>
  <div class="inquiry-pop-bd">
    <div class="inquiry-pop"><i class="ico-close-pop" onclick="hideMsgPop();"></i>
      <div class="content-wrap form"
        style="min-width:280px;min-height:420px;width:100%;height:100%;background:transparent;border:none;outline:none;margin:0;padding:0;box-shadow: 0 0 10px rgb(0,0,0,.1);overflow: hidden;">
        <div class="ch_form_wrap">
          <div class="email_point"> </div>
          <h1 class="title"><em>Leave Your Message</em> </h1>
          <form method="POST" action="/31514/index.php?m=home&c=Lists&a=gbook_submit&lang=cn"
            enctype="multipart/form-data" onsubmit="return submitdb77becbe7537b91818ae809c3bc7835(this);"
            class="ch_form">
            <ul>
              <li class="item item_name">
                <input type="text" name="attr_9" id="attr_9" placeholder="* Name">
              </li>
              <li class="item item_email">
                <input type="text" name="attr_10" id="attr_10" placeholder="* Email">
              </li>
              <li class="item item_phone">
                <input type="text" name="attr_11" id="attr_11" placeholder="Tel">
              </li>
              <li class="item item_message">
                <textarea name="attr_12" id="attr_12" placeholder="* Message"></textarea>
              </li>
            </ul>
            <div class="item item_submit">
              <input type="submit" value="Send" name="submit" class="submit_btn gtm_submit_btn" style=" margin:0">
            </div>
            <br>
            <input type="hidden" name="gourl" id="gourl_db77becbe7537b91818ae809c3bc7835"
              value="https%3A%2F%2Fdemoall.kuaituiyun.cn%2F31514"><input type="hidden" name="typeid" value="1"><input
              type="hidden" name="__token__db77becbe7537b91818ae809c3bc7835" id="db77becbe7537b91818ae809c3bc7835"
              value=""><input type="hidden" name="form_type" value="1">
            <script type="text/javascript">
              function submitdb77becbe7537b91818ae809c3bc7835(elements) {
                if (document.getElementById('gourl_db77becbe7537b91818ae809c3bc7835')) {
                  document.getElementById('gourl_db77becbe7537b91818ae809c3bc7835').value = encodeURIComponent(window
                    .location.href);
                }
                var x = elements;
                for (var i = 0; i < x.length; i++) {

                  if (x[i].name == 'attr_9' && x[i].value.length == 0) {
                    alert('Name Cannot be empty!');
                    return false;
                  }

                  if (x[i].name == 'attr_10' && !(/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(
                      x[i].value)) && x[i].value.length > 0) {
                    alert('Email Incorrect format!！');
                    return false;
                  }

                  if (x[i].name == 'attr_11' && x[i].value.length == 0) {
                    alert('Tel Cannot be empty!');
                    return false;
                  }

                  if (x[i].name == 'attr_11' && !(/^1\d{10}$/.test(x[i].value)) && x[i].value.length > 0) {
                    alert('Tel Incorrect format!！');
                    return false;
                  }

                }

                elements.submit();
              }

              function ey_fleshVerify_1730249955(id) {
                var token = id.replace(/verify_/g, '__token__');
                var src = "/31514/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token=" + token;
                src += "&r=" + Math.floor(Math.random() * 100);
                document.getElementById(id).src = src;
              }

              function f945cdc2dc6d1ac5e57abb84c256aedf9() {
                var ajax = new XMLHttpRequest();
                ajax.open("post", "/31514/index.php?m=api&c=Ajax&a=get_token", true);
                ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                ajax.send("name=__token__db77becbe7537b91818ae809c3bc7835");
                ajax.onreadystatechange = function () {
                  if (ajax.readyState == 4 && ajax.status == 200) {
                    document.getElementById("db77becbe7537b91818ae809c3bc7835").value = ajax.responseText;
                    document.getElementById("gourl_db77becbe7537b91818ae809c3bc7835").value = encodeURIComponent(
                      window.location.href);
                  }
                }
              }
              f945cdc2dc6d1ac5e57abb84c256aedf9();

              function getNext1598839807(id, name, level) {
                var input = document.getElementById('attr_' + name);
                var first = document.getElementById('first_id_' + name);
                var second = document.getElementById('second_id_' + name);
                var third = document.getElementById('third_id_' + name);
                var findex = '',
                  fvalue = '',
                  sindex = '',
                  svalue = '',
                  tindex = '',
                  tvalue = '',
                  value = '';

                if (level == 1) {
                  if (second) {
                    second.style.display = 'none';
                    second.innerHTML = '';
                  }
                  if (third) {
                    third.style.display = 'none';
                    third.innerHTML = '';
                  }
                  findex = first.selectedIndex;
                  fvalue = first.options[findex].value;
                  input.value = fvalue;
                  value = fvalue;
                } else if (level == 2) {
                  if (third) {
                    third.style.display = 'none';
                    third.innerHTML = '';
                  }
                  findex = first.selectedIndex;
                  fvalue = first.options[findex].value;
                  sindex = second.selectedIndex;
                  svalue = second.options[sindex].value;
                  if (svalue) {
                    input.value = fvalue + ',' + svalue;
                    value = svalue;
                  } else {
                    input.value = fvalue;
                  }
                } else if (level == 3) {
                  findex = first.selectedIndex;
                  fvalue = first.options[findex].value;
                  sindex = second.selectedIndex;
                  svalue = second.options[sindex].value;
                  tindex = third.selectedIndex;
                  tvalue = third.options[tindex].value;
                  if (tvalue) {
                    input.value = fvalue + ',' + svalue + ',' + tvalue;
                    value = tvalue;
                  } else {
                    input.value = fvalue + ',' + svalue;
                  }
                }
                if (value) {
                  if (document.getElementById(id)) {
                    document.getElementById(id).options.add(new Option('Please select ', ''));
                    var ajax = new XMLHttpRequest();
                    ajax.open("post", "/31514/index.php?m=api&c=Ajax&a=get_region", true);
                    ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    ajax.send("pid=" + value);
                    ajax.onreadystatechange = function () {
                      if (ajax.readyState == 4 && ajax.status == 200) {
                        var data = JSON.parse(ajax.responseText).data;
                        if (data) {
                          data.forEach(function (item) {
                            document.getElementById(id).options.add(new Option(item.name, item.id));
                            document.getElementById(id).style.display = "block";
                          });
                        }
                      }
                    }
                  }
                }
              }
            </script>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!--右下角留言弹窗-->
  <div class="ey_message">
    <div class="message-header"> <span class="label"> <i class="fa fa-commenting-o"></i> </span> <b>Leave a message</b>
      <span class="arrow-toggle"> <i class="fa fa-angle-up"></i> </span> </div>
    <div class="message-form">
      <div class="ey_input">
        <form method="POST" action="/31514/index.php?m=home&c=Lists&a=gbook_submit&lang=cn"
          enctype="multipart/form-data" onsubmit="return submit738629062fb86b07453e10641e4cf434(this);">
          <p> <span>
              <input type="text" name="attr_9" id="attr_9" value="" size="40" class="ey_input-text" placeholder="Name">
            </span> </p>
          <p> <span>
              <input type="text" name="attr_10" id="attr_10" value="" size="40" class="ey_input-text"
                placeholder="Email">
            </span> </p>
          <p> <span>
              <input type="text" name="attr_11" id="attr_11" value="" size="40" class="ey_input-text" placeholder="Tel">
            </span> </p>
          <p> <span>
              <textarea name="attr_12" id="attr_12" cols="40" rows="10" class="ey_input-textarea"
                placeholder="Message"></textarea>
            </span> </p>
          <p>
            <input type="submit" value="Submit" class="ey_input-submit" name="submit">
          </p>
          <input type="hidden" name="gourl" id="gourl_738629062fb86b07453e10641e4cf434"
            value="https%3A%2F%2Fdemoall.kuaituiyun.cn%2F31514"><input type="hidden" name="typeid" value="1"><input
            type="hidden" name="__token__738629062fb86b07453e10641e4cf434" id="738629062fb86b07453e10641e4cf434"
            value=""><input type="hidden" name="form_type" value="1">
          <script type="text/javascript">
            function submit738629062fb86b07453e10641e4cf434(elements) {
              if (document.getElementById('gourl_738629062fb86b07453e10641e4cf434')) {
                document.getElementById('gourl_738629062fb86b07453e10641e4cf434').value = encodeURIComponent(window
                  .location.href);
              }
              var x = elements;
              for (var i = 0; i < x.length; i++) {

                if (x[i].name == 'attr_9' && x[i].value.length == 0) {
                  alert('Name Cannot be empty!');
                  return false;
                }

                if (x[i].name == 'attr_10' && !(/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(x[
                    i].value)) && x[i].value.length > 0) {
                  alert('Email Incorrect format!！');
                  return false;
                }

                if (x[i].name == 'attr_11' && x[i].value.length == 0) {
                  alert('Tel Cannot be empty!');
                  return false;
                }

                if (x[i].name == 'attr_11' && !(/^1\d{10}$/.test(x[i].value)) && x[i].value.length > 0) {
                  alert('Tel Incorrect format!！');
                  return false;
                }

              }

              elements.submit();
            }

            function ey_fleshVerify_1730249955(id) {
              var token = id.replace(/verify_/g, '__token__');
              var src = "/31514/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token=" + token;
              src += "&r=" + Math.floor(Math.random() * 100);
              document.getElementById(id).src = src;
            }

            function f945cdc2dc6d1ac5e57abb84c256aedf9() {
              var ajax = new XMLHttpRequest();
              ajax.open("post", "/31514/index.php?m=api&c=Ajax&a=get_token", true);
              ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
              ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
              ajax.send("name=__token__738629062fb86b07453e10641e4cf434");
              ajax.onreadystatechange = function () {
                if (ajax.readyState == 4 && ajax.status == 200) {
                  document.getElementById("738629062fb86b07453e10641e4cf434").value = ajax.responseText;
                  document.getElementById("gourl_738629062fb86b07453e10641e4cf434").value = encodeURIComponent(window
                    .location.href);
                }
              }
            }
            f945cdc2dc6d1ac5e57abb84c256aedf9();

            function getNext1598839807(id, name, level) {
              var input = document.getElementById('attr_' + name);
              var first = document.getElementById('first_id_' + name);
              var second = document.getElementById('second_id_' + name);
              var third = document.getElementById('third_id_' + name);
              var findex = '',
                fvalue = '',
                sindex = '',
                svalue = '',
                tindex = '',
                tvalue = '',
                value = '';

              if (level == 1) {
                if (second) {
                  second.style.display = 'none';
                  second.innerHTML = '';
                }
                if (third) {
                  third.style.display = 'none';
                  third.innerHTML = '';
                }
                findex = first.selectedIndex;
                fvalue = first.options[findex].value;
                input.value = fvalue;
                value = fvalue;
              } else if (level == 2) {
                if (third) {
                  third.style.display = 'none';
                  third.innerHTML = '';
                }
                findex = first.selectedIndex;
                fvalue = first.options[findex].value;
                sindex = second.selectedIndex;
                svalue = second.options[sindex].value;
                if (svalue) {
                  input.value = fvalue + ',' + svalue;
                  value = svalue;
                } else {
                  input.value = fvalue;
                }
              } else if (level == 3) {
                findex = first.selectedIndex;
                fvalue = first.options[findex].value;
                sindex = second.selectedIndex;
                svalue = second.options[sindex].value;
                tindex = third.selectedIndex;
                tvalue = third.options[tindex].value;
                if (tvalue) {
                  input.value = fvalue + ',' + svalue + ',' + tvalue;
                  value = tvalue;
                } else {
                  input.value = fvalue + ',' + svalue;
                }
              }
              if (value) {
                if (document.getElementById(id)) {
                  document.getElementById(id).options.add(new Option('Please select ', ''));
                  var ajax = new XMLHttpRequest();
                  ajax.open("post", "/31514/index.php?m=api&c=Ajax&a=get_region", true);
                  ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                  ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                  ajax.send("pid=" + value);
                  ajax.onreadystatechange = function () {
                    if (ajax.readyState == 4 && ajax.status == 200) {
                      var data = JSON.parse(ajax.responseText).data;
                      if (data) {
                        data.forEach(function (item) {
                          document.getElementById(id).options.add(new Option(item.name, item.id));
                          document.getElementById(id).style.display = "block";
                        });
                      }
                    }
                  }
                }
              }
            }
          </script>
        </form>
      </div>
    </div>
  </div>
  <!--右下角留言弹窗END-->
  <script language="javascript" type="text/javascript" src="static/js/guestbook.js"></script>
  <link href="static/css/guestbook.css" rel="stylesheet" media="screen" type="text/css">
  <link href="https://demoall.kuaituiyun.cn/31514/template/pc/skin/css/font-awesome.min.css" rel="stylesheet"
    media="screen" type="text/css">
</body>

</html>